import React from "react";
import { Navigate } from "react-router-dom";

const ProtectedRoute = ({ roleId, requiredRole, children }) => {
  if (roleId === null) {
    // 如果没有roleId，用户未登录，重定向到登录页面
    return <Navigate to="/login" />;
  }

  if (requiredRole && roleId !== requiredRole) {
    // 如果用户的roleId与所需的角色不匹配，重定向到首页或其他页面
    return <Navigate to="/home" />;
  }

  // 用户已登录并具有适当的角色，渲染子组件
  return children;
};

export default ProtectedRoute;
